export function patch(oldVnode, vnode) {
    console.log('旧的节点:', oldVnode)
    console.log('新的节点:', vnode)

    // 将虚拟 转成真实DOM
    // (1) 创建新DOM
    let el = createEl(vnode)
    console.log('转换后的真实DOM:', el)

    // (2)添加样式   （2-1） 获取父节点  (2-2)插入   （2-3）删除
    let parentEL = oldVnode.parentNode // 获取 body
    parentEL.insertBefore(el, oldVnode.nextSibling) // 插入
    parentEL.removeChild(oldVnode) // 删除

    return el
}

// 创建DOM
function createEl(vnode) { // { tag,text,data,children }

    // 先解析出来
    let {tag, text, key, data, children} = vnode
    if (typeof tag === 'string') { // 标签
        vnode.el = document.createElement(tag) // 创建元素

        // children
        if (children.length > 0) {
            children.forEach(child => {
                vnode.el.appendChild(createEl(child))
            })
        }
    } else { // 文本
        vnode.el = document.createTextNode((text))
    }
    return vnode.el
}

